<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#main{
				height: 580px;
				width: 895px;
				margin: auto;
			}
			body {
				font-size: 12px;
			}
			
			a {
				color: #666972;
				text-decoration: none;
			}
			
			* {
				list-style-type: none;
				padding: 0px;
			}
			
			a:hover {
				text-decoration: underline;
			}
			#denglu{
				border: 1px solid #DDDDDD;
				width: 348px;
				height: 386px;
				padding: 20px;
				margin-left: 50px;
			}
			#zhuce{
				border: 1px solid #DDDDDD;
				height: 386px;
				width: 348px;
				float: right;
				margin-top: -428px;
				padding: 20px;
				margin-right: 55px;
			}
			#zhuce input{
				width: 200px;
			}
			#bottom {
				height: 150px;
				width: 895px;
				margin-left: 100px;
				margin-top: 10px;
				margin: auto;
			}
			
			
			#bottom .bottom2 {
				height: 28px;
				margin-top: 20px;
			}
			
			#bottom .bottom2 ul {
				height: 14px;
				width: 500px;
				text-align: center;
				margin-top: 10px;
				margin-left: 260px;
			}
			
			#bottom .bottom2 ul li {
				float: left;
				padding: 0px 15px;
				border-right: 1px solid #9C6C9E;
			}
			
			#bottom .bottom3 {
				color: #666972;
				margin: 0px;
				text-align: center;
				margin-top: -5px;
			}
			#bottom .bottom4 {
				text-align: center;
				margin-top: 10px;
			}
			
			#bottom .bottom4 img {
				padding: 0px 20px;
			}
			#denglu .denglu1{
			   border-bottom: 1px solid;
				height: 25px;
				
			}
			#denglu img{
				margin-top: 3px;
			}
			#denglu .denglu2{
				border-bottom: 1px solid #9C0000;
				height: 25px;
			}
			#denglu .denglu2 .color{
				height: 25px;
				width: 75px;
				text-align: center;
				line-height: 25px;
				
				background-image: url(img/图片素材/red_btn.gif);
				margin-top: 21px;
			}
			#denglu .denglu2 .color1{
				border: 1px solid ;
				border-bottom-width: 0px;
				height: 25px;
				width: 75px;
				text-align: center;
				line-height: 25px;
				margin-left: 82px;
				margin-top: -26px;
				background-color: #FEFEFE;
				color: #A1A1A1;
			}
			.denglu3{
				height: 130px;
				margin-top: 2px;
				background-color: #FAFAFA;
				color: #A6ABAF;
			}
			.denglu3 .user{
				width: 300px;
				height: 25px;
				text-align: center;
				margin-top: 23px;
			}
			.denglu3 .password{
				width: 295px;
				height: 25px;
				text-align: center;
				margin-top: 12px;
				padding-left: 9px;
			}
			.denglu3 .anniu{
				height: 25px;
				width: 80px;
				margin-left: 50px;
				margin-top: 20px;
			}
			.denglu3 .anniu .p1{
				text-align: center;
				margin-top: -25px;
				color: white;
				font-weight: bold;
			}
			.denglu3 .p2{
				width: 140px;
				margin-top: -22px;
				margin-left: 150px;
				
			}
			.denglu3 .anniu .p1:hover{
				cursor: pointer;
			}
			.qq{
				text-indent: 15px;
				color: #575757;
			}
			.tip{
				color: #818181;
				text-indent: 1.2em;
				margin-top: 10px;
			}
			.tip .p3{
				margin: 0px;
				height: 25px;
				line-height: 25px;
			}
			.tip .p4{
				text-indent: 3em;
				margin: 0px;
				height: 69px;
				line-height: 23px;
			}
			.tip strong{
				color: #9C0000;
			}
			.help{
				margin-top: 20px;
				text-align: right;
				color: #818181;
			}
			.help a{
				color: #313131;
			}
			#zhuce .zhuce1{
			   border-bottom: 1px solid;
				height: 25px;
			}
			.zhuce2{
				color: #646464;
				margin-top: 17px;
			}
			.zhuce3{
				color: #989898;
				width: 218px;
				height: 72px;
				line-height: 24px;
				margin-left: 125px;
			}
			.zhuce3 .p5{
				padding: 0px;
				margin: 0px;
			}
			.zhuce4{
				color: #646464;
				margin-top: 20px;
				padding-left: 51px;
			}
			.zhuce4 .p6{
				color: #989898;
				margin: 0px;
				width: 200px;
				margin-left: 75px;
			}
			.zhuce5{
				color: #646464;
				padding-left: 2px;
				margin-top: 20px;
			}
			.zhuce6{
				margin-top: 10px;
				padding-left: 38px;
				color: #646464;
			}
			.zhuce6 .p7{
				margin: 0px;
				width: 100px;
				margin-left: 170px;
				margin-top: 10px;
				color: #646464;
			}
			.zhuce7{
			text-align: center;
			margin-top: 20px;
			}
			.zhuce7 span{
				color: #9C0000;
				text-decoration: underline;
			}
			.zhuce8{
				text-align: center;
				margin-top: 10px;
			}
			.zhuce8 .p8{
				margin: 0px;
				border: 1px solid;
				width: 130px;
				margin-top: -30px;
				color: white;
				margin-left: 105px;
				font-weight: bold;
			}
			.zhuce8 .p8:hover{
				cursor: pointer;
			}
			input{
				color: orange;
				width: ;
			}
		</style>
	</head>
	<body>
		<div id="main">
			<div id="denglu">
				<div class="denglu1"><img src="img/图片素材/login/vjia.gif"/></div>
				<div class="denglu2">
					<div class="color"><a style="color: white;" href="#"> Vjia用户</a></div>
					<div class="color1"><a href="#">Vcanl用户</a></div>
				</div>
				<div class="denglu3">
					<div class="user"><label for="username">用户名：</label><input type="text" name="" id="username" value="" /></div>
					<div class="password"><label for="password">密码：</label><input type="password" name="" id="password" value="" />
					</div>
					<div class="anniu"><input type="image" src="img/图片素材/button_bg.gif"  name="" id="" value=""  />
					<p class="p1">登录</p>
					
					</div>
					<p class="p2"><a href="#" style="color: black;">忘记密码了?</a></p>
				</div>
				<div class="qq">使用合作伙伴账号登录： <a href="#"><img src="img/图片素材/account_qq.gif"/></a></div>
			    <div class="tip">
			    	<p class="p3"><strong>温馨提示:</strong></p>
			    	<p class="p4">如果还未注册VJIA用户，您可以使用VANCL用户进行登录，登录后系统会自动为您注册一个与VANCL账户相关联的VJIA帐户。帐户关联后您可共享VANCL的会员积分和消费金额。</p>
			    </div>
			    <div class="help">有任何疑问请点击 <a href="bangzhuzongxin.html">帮助中心</a>或 <a href="bangzhuzongxin.html">联系客服</a></div>
			</div>
			<div id="zhuce">
				<div class="zhuce1"><img src="img/图片素材/login/pic_zc.gif"/></div>
				<div class="zhuce2"><label for="address">请填写您的Email地址：</label><input type="text" name="" id="address" value="" /></div>
				<div class="zhuce3"><p class="p5">请填写有效的Email地址作为下次登录的用户名，同时我们也会给这个地址发送您的帐户信息、订单通知等</p></div>
				<div class="zhuce4"><label for="password">请设定密码：</label><input type="password" name="" id="password" value="" />
				<p class="p6">密码请设定为6-16位字母或数字</p>
				</div>
				<div class="zhuce5"><label for="againpassword">请再次输入设定密码：</label><input type="password" name="againpassword" id="againpassword" value="" /></div>
				<div class="zhuce6"><label for="yanzhengma">请输入验证码：</label><input style="width: 80px;margin-right: 5px;" type="text"  name="" id="yanzhengma" value="" /><img align="center" src="img/图片素材/code_img.gif"/>
				<p class="p7"><a href="#">看不清换一张</a></p>
				</div>
				<div class="zhuce7">请阅读<a href="#"><span>《V+网站服务条款》</span></a></div>
				<div class="zhuce8"><input type="image" src="img/图片素材/复制 sumit_bg.gif"  name="" id="" value="" />
				<p class="p8">同意以上条款并注册</p>
				</div>
			</div>
			<div id="bottom">
					
					<div class="bottom2">
						<ul>
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="#">客户服务</a>
							</li>
							<li>
								<a href="#">品牌合作</a>
							</li>
							<li>
								<a href="#">网站联盟</a>
							</li>
							<li style="border-right: 0px;">
								<a href="#">投诉与建议</a>
							</li>
						</ul>
					</div>
					<div class="bottom3">
						Copyrite &copy; 2011 vjia.com All Rights Reserved京ICP08000757号 京公安网备110105005926
					</div>
					<div class="bottom4">
						<a href="#"><img src="img/图片素材/btm_logo_1.gif" /></a>
						<a href="#"><img src="img/图片素材/btm_logo_2.gif" /></a>
					</div>
				</div>
		</div>
	</body>
</html>
